@charset "gbk";
/* CSS Document */


BODY {
	margin:0; padding:0; text-align:center; background: #FFFFFF; background-image:url(../images/headerBg.jpg); background-repeat:repeat-x; min-width:800px;width:auto !important; width:auto; overflow:visible;
}

TH {
	VERTICAL-ALIGN: top; TEXT-ALIGN: left
}
TD {
	VERTICAL-ALIGN: top; TEXT-ALIGN: left
}
H1 {
	FONT-WEIGHT: normal; FONT-SIZE: 1em
}
H2 { 
	font-size:18px; font-weight:bold; color:#000; margin:0px; padding:0px; line-height:22px; color:#99CC00;
}
H3 {
	font-size:14px; font-weight:bold; color:#000; margin:0px; padding:0px; line-height:22px; color:#99CC00;
}
H4 {
	FONT-WEIGHT: normal; FONT-SIZE: 1em
}
H5 {
	FONT-WEIGHT: normal; FONT-SIZE: 1em
}
H6 {
	FONT-WEIGHT: normal; FONT-SIZE: 1em
}
IMG {
	BORDER-TOP-WIDTH: 0px; DISPLAY: block; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px
}
UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
OL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 2em; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}
DL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
DT {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
DD {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
FORM {
	DISPLAY: block; margin:0px;
}
TEXTAREA { 
	border-top:1px solid #848484; border-left:1px solid #848484; border-right:1px solid #cacaca; border-bottom:1px solid #cacaca; color:#444; font-size:12px;	font-family:Arial, Helvetica, sans-serif; overflow:auto;background:#FFFFFF;
}
INPUT {
	border:0px;font-family:Arial, Helvetica, sans-serif;font-size:12px; background:#FFFFFF;
}
INPUT.inputbox {
	border-top:1px solid #763705; border-left:1px solid #763705; border-right:1px solid #bb9b82; border-bottom:1px solid #bb9b82; color:#444; width:150px;
}
INPUT.checkbox {
	MARGIN: -2px 2px -2px 0px; vertical-align:-2px; color:#00CC66;
}
INPUT.radio {
	MARGIN: -2px 2px -2px 0px; vertical-align:-2px; color:#00CC66;
}

span.checkbox { 
  width: 19px; 
  height: 25px; 
  padding: 0 2px 0 0; 
  background: url(../images/checkbox.gif) no-repeat; 
	MARGIN: -2px 2px -2px 0px; vertical-align:-2px; color:#00CC66;display: block;
 
} 
span.radio { 
  width: 19px; 
  height: 25px; 
  padding: 0 2px 0 0; 
  background: url(../images/radio.gif) no-repeat; 
  MARGIN: -2px 2px -2px 0px; vertical-align:-2px; color:#00CC66;display: block;
} 

span.select { 
  position: absolute; 
  width: 138px; /* With the padding included, the width is 190 pixels: the actual width of the image. */ 
  height: 21px; 
  padding: 0 24px 0 8px; 
  color: #fff; 
  font: 12px/21px arial,sans-serif; 
  background: url(../images/select.gif) no-repeat; 
  overflow: hidden; 
} 
span.blank{
	width:15px; display:block;
}

div.bg {
	border:#bb9b82 solid 1px; background:#fff; 
}

div.content{
	border:#efdac9 solid 1px; background:#fcf8f6; font-size:12px; line-height:20px; color:#000000;
}


p.input{
	height:30px; margin-top:0px; margin-bottom:2px;
}
p.dotted{
	width:100%; border-top:1px #999999 dotted; padding-top:5px; color:#999999;
}

span{
	display:block; float:left;
}
span.label{
	width:60px;  text-align:left;
}
span.hint{
	width:auto;  text-align:left; margin-left:10px; color:#666666;  display:none; 
}
span.err{
	width:auto;  text-align:left; margin-left:10px; padding-left:16px; color:#FF0000;  display:none; background:url(../images/wrong.gif) no-repeat 0px 1px;
}
span.ok{
	width:16px;; text-align:left; margin-left:10px; color:#33CC00;  display:block; background:url(../images/right.gif) no-repeat 0px 1px;
}
span.loading{
	width:30px;   display:none; text-align:left; margin-left:10px;  background:url(../images/loading.gif) no-repeat 0px 5px;
}

#outer{	width:800px; margin:0px; }

#header{ height:48px; width:100%; float:left; }

margin:15px 0px 0px 13px;  float:left;}
#header_info{ float:right;margin:20px 28px 0px 0px; font-size:12px; color:#000;}
#header_fav{ float:right; margin:20px 22px 0px 0px!important; margin:20px 10px 0px 0px; font-size:12px; color:#000;}


#left{ margin-left:10px!important; margin-left:7px; width:550px; float:left; text-align:left; }
#right{ margin-left:10px!important; margin-left:7px; width:206px; float:left; text-align:left; }
#warp{
	width:100%; height:auto; float:left;
}
#warp_header{ 
	width:100%; height:58px; background:url(../images/jokebox_header_bg.gif) repeat-x;float:left;
}
#warp_cap{
	margin:16px 0px 0px 13px!important; margin:10px 0px 0px 6px;float:left;
}
#warp_cap_index{
	margin:21px 0px 0px 28px!important; margin:21px 0px 0px 12px;float:left; font-size: 12px;
}
#warp_content{
	height:auto; width:100%; text-align:center; color:#666; font-size:14px; padding-top:4px; padding-bottom:12px!important;padding-bottom:6px;line-height:22px;float:left;
}


#warp_left{ 
	width:220px; height:auto; overflow:visible;margin:0px 12px 0px 12px!important;margin:0px 6px 0px 7px; float:left;
}
#warp_right{ 
	width:512px; height:auto; overflow:visible;margin:0px 12px 0px 0px!important;margin:0px 6px 0px 6px; color:#999999; font-size:12px;float:left;
}
#warp_left .warp_box{
	width:220px; padding-bottom:8px;
}

#warp_right .warp_box{
	width:512px; padding-bottom:8px;
}

.warp_box{
	height:auto; background-color:#fcf8f6; border:1px solid #efdac9;  float:left; margin-bottom:10px;
}

#warp_left .warp_box_header{
	width:204px; 
}
#warp_right .warp_box_header{
	width:496px; 
}

.warp_box_header{
	margin:0px 8px!important;margin:0px 4px; height:20px; border-bottom:3px solid #58331e; float:left; text-align:left; font-size:14px; color:#58331e; font-weight:bold; padding-top:4px;
}
.warp_box_cap{
	float:left;
}
.warp_box_more{
	float:right; font-size:12px; font-weight:normal; color:#a1a1a1;
}

#warp_left .warp_box_content{
	width:204px; 
}
#warp_right .warp_box_content{
	width:496px; 
}

.warp_box_content{
	margin:3px 8px!important;margin:3px 4px; height:auto; float:left; text-align:left; font-size:12px; color:#000000; padding-top:4px;
}
.warp_box_joke{
	border-bottom:1px solid #fcf8f6;
	border-top:1px solid #fcf8f6;
	float:left;
	cursor:pointer;	
}

.warp_box_joke_hover{
	background:#fff;
	border-bottom:1px solid #763705;
	border-top:1px solid #763705;
	/*background:#FFFFFF url(../images/slide_show2.gif) no-repeat top right;*/
}
.warp_box_joke_hover .warp_box_joke_info{
	color:#99cc00;
}

.warp_box_joke_title{
	width:auto; font-size:12px; height:18px; line-height:18px; color:#000000; font-weight:bold; text-align:left; margin:6px 0px 3px 0px;
}
.warp_box_joke_tag{
	font-weight:normal; color:#763705; text-align:left;
}
.warp_box_joke_info{
	width:100%; font-size:12px; height:18px; line-height:18px; margin-bottom:4px; color:#aaa;
}
.warp_box_joke_pubtime{
	float:left; height:18x;
}
.warp_box_joke_attitude{
	float:right; height:18x;
}

#warp_footer{ 
	height:28px; width:auto; margin-left:12px; padding:8px 0px 8px 0px; text-align:center; color:#6b6b6b; font-size:12px; font-weight:bold; float:left;
}



#left #check_finish{ 
	width:500px; height:20px!important;height:20px; overflow:visible;margin:4px 12px 8px 12px; padding:20px 12px 12px 12px; background:#fefbed; border:1px solid #f6dc9d; font-size:14px; display:none; 
}



.brown {color:#58331e}
.brown a:link{ color:#58331e; text-decoration: none;	font-size: 12px;}
.brown a:visited{color:#58331e; text-decoration: none; font-size: 12px; }
.brown a:hover{color:#884E2F; text-decoration:underline;	font-size: 12px; }
a.brown:link{ color:#58331e; text-decoration: none;	font-size: 12px;}
a.brown:visited{color:#58331e; text-decoration: none; font-size: 12px; }
a.brown:hover{color:#884E2F; text-decoration:underline;	font-size: 12px; }

a:link{ color:#000; text-decoration: none;	font-size: 12px;}
a:visited{color:#000; text-decoration: none; font-size: 12px; }
a:hover{color:#58331e; text-decoration:underline;	font-size: 12px; }
#jokebox_footer a:link{color:#6b6b6b;}
#jokebox_footer a:visited{color:#6b6b6b;}
#jokebox_footer a:hover{color:#58331e;}

#warp_cap_index a:link{
	color:#000000; font-size: 12px;
}
#warp_cap_index a:visited{
	color:#000000;font-size: 12px;
}
#warp_cap_index a:hover{
	color:#000000;font-size: 12px; text-decoration:underline;
}

.warp_box_more a:link{
	color:#686868; font-size: 12px;
}
.warp_box_more a:visited{
	color:#686868;font-size: 12px;
}
.warp_box_more a:hover{
	color:#686868;font-size: 12px; text-decoration:underline;
}

